<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
        <title>404错误</title>
        <style>
            /**************功能:404错误****************/
            /**************作者:eveningwater******************/
            /**************日期:2017/2/28*************/
            /**************公共样式****************/
            /*页面初始化*/
            body,html{
                margin: 0;padding: 0;
            }
            /*标准盒子模型*/
            body,html,div{
                box-sizing: border-box;
            }
            /*块级元素*/
            div{
                display: block;
            }
            /*绝对定位*/
            #main,h1{
                position: absolute;
            }
            /**************细节样式****************/
            /*body*/
            body{
                height: 100%;
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:100%; 
                line-height:1.25em;
                background-color: #fff;
                font-style: italic;
                color: #b2b3c4;
            }
            /*main*/
            #main {
                width: 100%;height: 100%;
                background: url(../img/404main-bg.jpg)no-repeat;
                background-size: cover;
                left: 0;top: 0;
            }
            #main h1{
                color: #3d4cc1;
                top: 50%;left: 50%;
                transform: translate(-50%,-50%);
            }
        </style>
    <!-- eveningwater.com Baidu tongji analytics -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b7504f10727e765dd90856e9b225846e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
    <body>
        <div id="main">
            <h1>对不起,你要找的页面不存在！</h1> 
        </div>
    </body>
</html>